<template>
	<view>
		<view class="report">
		<view class="report1">
			<u-field
						v-model="mobile"
						label="账户"
						placeholder="请填写手机号"
					>
					</u-field>
					<u-field
						v-model="code"
						label="账户密码"
						placeholder="请输入支付密码"
					>
					</u-field>
		</view>
		<view class="report2" @click="submitForm">
			确定
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mobile: '',
				code: ''
			}
		},
		methods: {
			onLoad(option){
				this.mobile=option.cardnum
			},
			submitForm() {
						// 获取输入框的值
						const mobileValue = this.mobile;
						const codeValue = this.code;
			
						// 判空逻辑
						if (!mobileValue || !codeValue) {
							uni.showToast({
								title: '请填写完整信息',
								icon: 'error'
							});
							return;
						}
			
						// 执行相应的操作，例如提交表单
						// ...
					}
		}
	}
</script>

<style>
.report{
	height: 1680rpx;
	background-color: #f7f7f7;
}
.report1{
	background-color: white;
}
.report2{
	width: 700rpx;
	height: 80rpx;
	background-color: orange;
	border-radius: 10rpx;
	color: white;
	margin-top: 20rpx;
	text-align: center;
	line-height: 80rpx;
	margin-left: 20rpx;
}
</style>
